<template>
	<view class="d-flex-yCenter-sb py-20" :class="border?'border-b':''">
		<text class="font-32">{{leftText}}</text>
		<view @tap='event'>
			<text class="font-28 mr-10" :style="{color:rightTextColor}">{{rightText}}</text>
			<u-icon :name="rightIcon" :color="iconColor" size="28" v-if="iconStatus"></u-icon>
		</view>
	</view>
</template>

<script>
	export default {
		name:'x-card-strip',
		props:{
			url:{ // 如果传了地址就会执行跳转 没有地址将会执行触发事件，cardEvent
				type:String,
				default:''
			},
			border:{
				type:Boolean,
				default:true
			},
			leftText:{
				type:String,
				default:''
			},
			rightText:{
				type:String,
				default:''
			},
			rightTextColor:{
				type:String,
				default:''
			},
			rightIcon:{
				type:String,
				default:'arrow-right'
			},
			iconColor:{
				type:String,
				default:'#000'
			},
			iconStatus:{
				type:Boolean,
				default:true
			}
		},
		data(){
			return {
				
			}
		},
		methods:{
			event(){
				if(this.url){
					uni.navigateTo({
						url:this.url
					})
					return
				}
				this.$emit('cardEvent')
			}
		}
	}
</script>

<style>
</style>
